<div class="page-bar">
    <ul class="page-breadcrumb">
        <li>
            <i class="fa fa-home"></i>
            <a href="#/home">主页</a>
            <i class="fa fa-angle-right"></i>
        </li>
        <li>
            <a href="#/userProfile">个人信息</a>
        </li>
    </ul>
</div>

<div class="row" ng-controller="UserProfileController">
    <div class="col-md-12">
        <!-- BEGIN EXTRAS PORTLET-->
        <div class="portlet box blue-hoki">
            <div class="portlet-title">
                <div class="caption">
                    <i class="fa fa-gift"></i>个人信息
                </div>
                <div class="tools">
                    <a href="javascript:;" class="collapse">
                    </a>
                    <a href="#portlet-config" data-toggle="modal" class="config">
                    </a>
                    <a href="javascript:;" class="reload">
                    </a>
                    <a href="javascript:;" class="remove">
                    </a>
                </div>
            </div>
            <div class="portlet-body form">
                <form class="form-horizontal form-bordered">
                    <div class="form-body">
                        <div class="form-group">
                            <label class="control-label col-md-2">用户名：</label>
                            <label class="control-label col-md-2"> {{manager.userName}}</label>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-md-2">昵称：</label>
                            <label class="control-label col-md-2"> {{manager.nickName}}</label>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-md-2">邮箱：</label>
                            <label class="control-label col-md-2"> {{manager.email}}</label>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-md-2">手机号：</label>
                            <label class="control-label col-md-2"> {{manager.telephone}}</label>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-md-2">用户角色：</label>
                            <label class="control-label col-md-2">{{manager.accessType|role_to_str}}
                            </label>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>